<div class="span12">
    <?php echo $this->Session->flash('seccion'); ?>
</div>
<?php
echo $this->element('headerPageTitle', array("titlePage" => "Secciones del día", "subTitlePage" => ""));
?>
<div class="page secondary">
    <div class="page-region">
        <div class="page-region-content">

    <?php echo $this->Html->link("Añadir Sección", array('action' => 'add'),array('class' => 'button'));?>



    <table id="tablaSecciones" class="hovered">
        <thead>
        <tr>
            <th>Id</th>
            <th>Nombre</th>
            <th>Estado</th>
            <th></th>
        </tr>
        </thead>
        <tbody>

        <!-- Here is where we loop through our $posts array, printing out post info -->

        <?php


            foreach ($secciones as $seccion): ?>
            <tr>
                <td><?php echo $seccion['Section']['id']; ?></td>
                <td><?php echo $seccion['Section']['nombre']; ?></td>
                <?php  $activo ='Visible';
                if ($seccion['Section']['activado'] == '0'){
                    $activo ='No Visible';
                }
                ?>
                <td><?php echo $activo; ?></td>
                <td>
                    <?php echo $this->Html->link("", array('action' => 'edit', $seccion['Section']['id']),
                        array('class' => 'icon-pencil botonesTabla', 'rel' => 'tooltip', 'data-placement' => 'top' , 'title' =>'Editar la sección y asignar cartas')
                   );?><?php echo $this->Form->postLink(
                    '',
                    array('action' => 'delete', $seccion['Section']['id']),
                    array('class' => 'icon-remove botonesTabla', 'rel' => 'tooltip', 'data-placement' => 'top' , 'title' =>'Eliminar la sección', 'confirm' => 'Vas a borrar la sección ¿Estás seguro?'));
                    ?><?php echo $this->Form->postLink(
                    '',
                    array('action' => 'index', $seccion['Section']['id']),array('class' => 'icon-clipboard-2', 'rel' => 'tooltip', 'data-placement' => 'top' , 'title' =>'Ver las cartas asignadas'));
                    ?></td>
            </tr>
                <?php endforeach;?>
        </tbody>


    </table>

<h2>Cartas asignadas a la Sección seleccionada</h2>

    <table id="tablaCartas" class="hovered">
        <thead>
        <tr>
            <th>Id</th>
            <th>Nombre (interno)</th>
            <th>Nombre (app)</th>
            <th>Estado</th>

        </tr>
        </thead>
        <tbody>

        <!-- Here is where we loop through our $posts array, printing out post info -->

        <?php foreach ($cartasAsignadas as $carta): ?>
        <tr>
            <td><?php echo $carta['Carta']['id']; ?></td>
            <td><?php echo $carta['Carta']['nombre_interno']; ?></td>
            <td><?php echo $carta['Carta']['nombre_app']; ?></td>
            <?php
            $activo = 'Visible';
            if ($carta['Carta']['activo'] == '0'){
                $activo = "No Visible";
            }

            ?>
            <td><?php echo $activo ?></td>

        </tr>
            <?php endforeach; ?>
        </tbody>

    </table>
            </div></div></div>

    <script>
        $(function() {

            $('#tablaCartas').dataTable({
                "bJQueryUI": true,
                "oLanguage": {
                    "sLengthMenu": "_MENU_ cartas por página",
                    "sZeroRecords": "No existen datos",
                    "sInfo": "_START_ al _END_ de _TOTAL_ cartas",
                    "sInfoEmpty": "No existen datos",
                    "sInfoFiltered": "(filtrado desde _MAX_ total cartas)",
                    "sSearch": "Buscar"
                }
            } );

            $('#tablaSecciones').dataTable({
                "bJQueryUI": true,
                "oLanguage": {
                    "sLengthMenu": "_MENU_ secciones por página",
                    "sZeroRecords": "No existen datos",
                    "sInfo": "_START_ al _END_ de _TOTAL_ secciones",
                    "sInfoEmpty": "No existen datos",
                    "sInfoFiltered": "(filtrado desde _MAX_ total secciones)",
                    "sSearch": "Buscar"
                }
            } );
        });
        </script>



